body,p,h1,h2,h3,h4,h5,li,span,i,ul,img,a,strong{margin:0;padding:0; }
body{font-family:"microsoft yahei";font-size:14px; background:#fafafa}
li{list-style-type:none;float:left;}
a{text-decoration:none;outline:none;}
img{border:none;}
i{font-style:normal}
input,select,textarea{outline:none;padding-left:6px;}
textarea{resize:none;overflow-y:auto;}
div{margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f4f4f4,endColorstr=#99f4f4f4);

filter:alpha(opacity=50);

*/
.wid{width:996px;height:100%;}
.top{width:100%;height:36px;border-bottom:solid 1px #eae6e2;}
.top .welcome{float: left;}
.top .welcome p{color: #858585; font-family: "宋休";font-size: 12px;line-height: 36px;}
.top .Collection{float: right;}
.top .Collection ul{}
.top .Collection ul li{margin-left: 20px;position:relative; cursor:pointer;line-height:36px;height:36px; display:table;}
.top .Collection ul li a{ vertical-align:middle; display:table-cell;} 
.top .Collection ul li:hover .codeimg{display:block;}
.top .Collection ul li .codeimg{width:100px; position:absolute;top:34px; left:-60px;display:none; z-index:1;}
.top .Collection ul li:nth-child(3):hover img:not(.codeimg){-webkit-transform:rotate(180deg);}
.top .Collection ul li img{margin-left:5px; margin-right: 5px;vertical-align: middle; margin-top: -2px; transition:.4s;}
.banner{width: 100%; height:421px; position: relative;}
.banner .bann{width: 100%;height: 100%;background:rgba(201,201,201,.23);}
.banner .bann ul{width: 100%;height: 100%;}
.banner .bann ul li{width: 100%;height: 100%;}
.banner .wid{ position: absolute; top: 0; left: 50%; margin-left: -498px;}
.banner .loging{width:330px;height: 384px; margin-top: 200px;background:rgba(24,25,27,0.08);}
.banner .loging .login_wrap{width:268px;}
.banner .loging .login_wrap p{font-size:12px; font-family:"宋体";margin-top:20px;width:100%;}
.banner .loging .login_wrap p.fl{margin-top:40px; margin-bottom:20px;}
.banner .loging .login_wrap p.fr{color:#23b7e5; text-align:right}
.banner .loging .login_wrap input[type="text"] {border:solid 1px #c6c6c6;background:#fff;border-radius:4px;height:39px;width:100%;margin-bottom:38px; font-family:"微软雅黑"; line-height:39px;}
.banner .loging .login_wrap input[type="password"] {border:solid 1px #c6c6c6;background:#fff;border-radius:4px;height:39px;width:100%;margin-bottom:38px; font-family:"微软雅黑"; line-height:39px;}
.banner .loging .login_wrap input.submit{width:100%;height:46px;background:#23b7e5;color:#ffffff; font-family:"微软雅黑";font-size:24px; letter-spacing:4px; cursor:pointer; border:none;border-radius:4px;}
.banner .loging .login_wrap span{ font-family:"宋体";font-size:12px;display:block;margin-top:20px;float:left;width:100%; text-align:center}
.banner .loging .login_wrap span a{color:#454545; margin:0 24px;}
.menu{width:100%;height:86px;border-bottom:solid 1px #eae6e2;}
.menu .logo{float:left;margin-top:11px;}
.menu .list_menu{ float:right;}
.menu .list_menu ul{}
.menu .list_menu ul li{padding:0 26px; line-height:86px;font-size:18px; position:relative;}
.menu .list_menu ul li a{color:#000; transition:.4s;}
.menu .list_menu ul li a:hover{color:#f00;}
.menu .list_menu ul li.task:after{ content:"";position:absolute;width:21px;height:12px; background:url(../img/ico0.jpg); top:24px;}
.menu .list_menu ul li.popularity:after{ content:"";position:absolute;width:34px;height:19px; background:url(../img/ico1.jpg); top:18px;}


.weight{width:996px;margin-top:40px; display:table;}
.weight .img_pic{margin-top:65px;display:table; position:relative;width:585px;}
.weight .img_pic:after{ content:"";width:1px;height:100%;background:#cecece; position:absolute; left:50%;}
.weight .img_pic img{width:189px;}
.weight .top_title{ position:relative;text-align:center;}
.weight .top_title h2{font-size:32px;font-weight:normal;color:#3c3c3c;background:#fff; position:relative; z-index:1;width:540px; margin:0 auto;margin-top:40px;}
.weight .top_title p{width:467px;height:33px;border-radius:4px;background:#23b7e5;color:#ffffff; letter-spacing:8px;font-size:18px; line-height:33px; margin:0 auto;margin-top:5px;}
.weight .top_title strong{font-weight:normal;color:#3c3c3c;font-size:24px;margin-top:44px;display:inline-block;}
.weight .top_title i{ position:absolute;width:80%;height:1px;background:#000; left:10%; top:20px;}
.weight .left_con{width:431px; display:table;margin-left:30px;}
.weight .left_con ul li{font-size:20px;color:#3c3c3c;margin-top:20px; float:none;}
.weight .left_con ul li img{ margin-right:4px;}
.weight .text{width:92%;margin-top:60px;margin-top:60px;display:inline-block;border-bottom:solid 2px #a1a1a1; padding-bottom:75px;margin-left:40px;}
.weight .text h3{font-weight:normal;color:#3c3c3c;margin-top:20px;display:table;}
.weight .text h3 span{font-size:20px;}
.weight .text h3 p{font-size:18px;width:816px; line-height:28px;}
.weight .text a{height:72px;width:434px;background:#23b7e5;font-size:32px;display:block;text-align:center; line-height:72px;color:#ffffff;border-radius:4px; margin:0 auto;margin-top:60px;}

.bottom{width:800px;margin-top:60px; display:table;}
.bottom .text{}

.bottom .text p{font-size:18px;color:#3c3c3c;margin-top:10px;}
.bottom .fr p{ text-align:center;}

.code{width:1000px;background:#fff;text-align:center;display:table; padding-bottom:60px;}
.code .fl{margin-left:100px;}
.code .right_con{ float:right;width:285px;margin-top:60px; margin-right:100px;}
.code .right_con li{width:281px;height:51px;border:solid 2px #ff4e54;border-radius:20px;margin-top:20px;font-size:24px;color:#ff4e54; line-height:51px;}
.code .mar{margin-top:90px;}
.copy{height:60px;border-top:solid 1px #e7e7e7; text-align:center;}
.copy p{ line-height:60px;}
.width_limit{background:#fff;width:1000px;}
.error{
	float: left;
}

.panelLine .long{
	width: 250px;
	padding: 10px 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	transition: all .15s ease-in;
	-webkit-transition-property: border-color,-webkit-box-shadow;
	-moz-transition-property: border-color,box-shadow;
	-o-transition-property: border-color,box-shadow;
	transition-property: border-color,box-shadow;
}
.panelLine .long,.harflong{
	width: 220px;
	padding: 5px 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
	-webkit-transition: all .15s ease-in;
	-moz-transition: all .15s ease-in;
	-o-transition: all .15s ease-in;
	transition: all .15s ease-in;
	-webkit-transition-property: border-color,-webkit-box-shadow;
	-moz-transition-property: border-color,box-shadow;
	-o-transition-property: border-color,box-shadow;
	transition-property: border-color,box-shadow;
}










